草庐IT

html - 将 HTML 导入 Typescript 以用作 TemplateStringLiteral

全部标签

javascript - 带有 ejs 模板的 html-pdf

在我的应用程序中,当用户通过测试时,会自动生成一个文凭(pdf)。这是我通过使用html-pdfnode-module来完成的,它检索html文件并将其转换为pdf。varfs=require('fs'),pdf=require('html-pdf'),path=require('path'),ejs=require('ejs');varhtml=fs.readFileSync('./phantomScripts/certificate.html','utf8');varoptions={filename:'businesscard.pdf',format:'A4',orientati

javascript - 在 TypeScript 中动态返回一个类构造函数

我正在尝试在TypeScript中构建一种机制,以根据表示类名称的字符串参数返回类的新实例。基本上,我正在尝试创建一个工厂,只是我不太清楚如何在TypeScript中执行此操作。在纯JS中,我可以通过将所有类构造函数存储在一个键/值对象中并调用newClassDictionary[className]();来解决这个问题——这不是最可靠的解决方案,但它在这种情况下工作。我似乎无法获得类型和转换的正确组合来在TypeScript中完成此操作。有没有更好的办法?我在TypeScript中找不到工厂模式的任何示例,所以现在我只有一点switch语句,它丑陋且不灵活。

javascript - 在 AngularJS 中从 JSON 生成 HTML 代码

我正在尝试从存储的JSON文件动态生成HTML代码。JSON文件格式:{"fields":[{"name":"servicetype","type":"text|radio|checkbox|date","placeholder":"ServiceType","value":"","checked":"true"},{"name":"servicetype","type":"text|radio|checkbox|date","placeholder":"ServiceType"}]}然而,DOM元素的类型会根据JSON文件而变化。例如,如果类型:文本,则必须生成:我正在使用Angul

javascript - 编写 TypeScript 并为浏览器和 Node 生成一个库

我有一个在Node.js和浏览器中使用的内部库。它有许多文件,与Grunt任务和不同的序言连接在一起,一个用于浏览器,一个用于Node:浏览器://dependent3rd-partylibslikeMustachearealreadyglobalwindow.myLib={/*justanamespaceobjectfilledwithstufflater*/}//thencomestheplainjavascriptwhichjustaddselementstomyLib.//ThispartisidenticaltothatusedinNode//example:myLib.re

javascript - 如何从 ngModel 渲染 HTML 标签?

我使用AngularJS将JS变量绑定(bind)到我的HTML内容,它工作正常。JSvarapp=angular.module("Tabs",[]).controller("TabsController",['$scope',function($scope){$scope.events=my_JS_object;})HTML{{events.test}}只要my_JS_object.test就有效是一个简单的字符串,例如"HelloWorld",但是一旦我尝试将HTML标记放在那里,例如HelloWorld它不将标签用作HTML元素,而是用作简单文本。这是有道理的,只是我不知道如何使

javascript - Excel 导出为 html 无法在 Excel 2016 中显示边框

我正在使用JavaScript将html导出到Excelxls文件,如下面的演示所示:http://js.do/sun21170/84913.我使用GoogleChrome来运行这个演示,但它也应该在Edge或IE或FireFox中运行。问题是,当我在Excel2016中打开导出的文件时,它显示没有任何边框,即使导出的html中有CSS来显示边框。问题:有没有办法在Excel中打开html文件时显示边框?在Excel中打开的相同html,在浏览器中呈现带有边框,因此边框的CSS是正确的。演示在http://js.do/sun21170/84913还显示了保存在Excel文件中的html

javascript - Firefox WebExtension 导入服务

我对这么多不同的方法、指南感到不知所措,但我没有尝试过适合我的方法。请至少为我连接一些点...我的目标是在FirefoxWebExtension的后台脚本中找到一个窗口对象。问题,我无法导入Services库以使用它来查找window对象。我试过的两种方法:Components.utils.import("resource://gre/modules/Services.jsm");发出警告,指出Components已被删除,并出现错误:Components.utils未定义。const{Cu}=require("chrome");letServices=Cu.import("resou

javascript - 带有 CommonsChunkPlugin 的 Webpack 结果在 html 文件中的捆绑顺序错误

我正在尝试将CommonChunkPlugin与一个仅包含webpack运行时的“额外”block一起使用,以获得正确的散列(当只有应用程序文件发生变化时,这不会更改vendor散列)。官方webpackrepo中描述了这个技巧here.这本身工作正常,block哈希是正确的,但问题是我生成的HTML文件包含顺序错误的包:list、应用程序和vendor*,而它应该是list、vendor、应用。CommonsChunkPLugin配置如下:newwebpack.optimize.CommonsChunkPlugin({names:['vendor','manifest']}),条目如

javascript - 对于 Angular2 项目,在 gulp 中,我如何连接从 typescript 生成的所有 JavaScript 文件并将它们添加到我的 index.html 文件中

对于Angular2项目,在gulp中,我如何连接从typescript生成的所有JavaScript文件并将它们添加到我的index.html文件中。我正在使用Angular2、typescript和gulp。目前我没有连接它从typescript文件生成的javascript文件。我在尝试执行此操作并将它们添加到我的index.html文件时遇到问题。此外,完成此操作后,我需要清除缓存以使浏览器继续请求javascript文件。这是我的index.html文件:MyApp-->System.config({transpiler:'typescript',defaultJSExten

javascript - 从 HTML 调用 typescript 文件中的函数。

我是HTML和Angular2的新手。我目前正在尝试了解如何从HTML文件调用Typescript文件中的函数。精简后,Typescript文件(home.ts)函数如下所示:getConfigurations(sensorName:string){console.log('Home:getConfigurationsentered...');return'sensor1';}在我的HTML文件(home.html)中,我想使用字符串参数调用“getConfigurations”(现在“getConfigurations()”返回“sensor1”,因为我仍在测试)。那么,在HTML中